//JavaScript代码区域
layui.use(['element','mouseRightMenu'], function(){

  var element = layui.element;
  var mouseRightMenu = layui.mouseRightMenu;
  var $ = layui.$;
  var globalLayId;
  
  //取消浏览器默认的右键打开窗口
  window.oncontextmenu = function(event){
  	// alert("hi");
  	var evt = event || window.event;
  	evt.preventDefault();
	}
	
	//关闭当前 关闭其他 关闭全部
	$("#close").click(function(){
		var menu_data=[
			{'data':{id:globalLayId},'type':1,'title':'关闭当前'},
			{'data':{id:globalLayId},'type':2,'title':'关闭其他'},
			{'data':{id:globalLayId},'type':3,'title':'关闭全部'}
		]
		mouseRightMenu.open(menu_data,false,function(d){
			console.log(d)//输出：{'data':data,'type':4,'title':'粘贴'}
			if(d.type === 1){
				//关闭当前
				action.tabDelete("tab",d.data.id);
				return true;
			}
			if(d.type === 2){
				//关闭其他
				$.each($(".layui-tab-title li"),function(index,item){
					console.log(item);
					var layId = $(item).attr("lay-id");
					if(layId != globalLayId && layId != "main"){
						action.tabDelete("tab",layId);
					}
				})
				return true;
			}
			if(d.type === 3){
				//关闭全部
				$.each($(".layui-tab-title li"),function(index,item){
					console.log(item);
					var layId = $(item).attr("lay-id");
					if(layId != "main"){
						action.tabDelete("tab",layId);
					}
				})
				return true;
			}
		});
	});
	
	
  //选项卡事件
  var action = {
	  tabAdd : function(filter,id,title,url){
		  element.tabAdd(filter,{
			  id : id,
			  title:title,
			  content:'<iframe id="iframe" data-frameid="' + id + '" scrolling="auto" frameborder="0" src="'+url+'" style="width:100%;"></iframe>'
		  })
	  },
	  tabChange : function(filter,layId){
		  element.tabChange(filter,layId);
	  },
	  tabDelete : function(filter,layId){
		  element.tabDelete(filter,layId);
	  },
	  iframeHeight : function(tabId){
		  $(".layui-tab-item").find('iframe[data-frameid="'+tabId+'"]').each(function(){
			  console.log($(this))
			  $(this).height($(".layui-body").height()-10);
		  })	
	  }
  }
  
  //侧边菜单点击新增选项卡
  element.on("nav(nav)",function(data){
	  var isParent = $(data).attr("is-parent");
	  
	  if(!isParent){
		  var tabId = $(data).attr("data-id");
		  var dataUrl = $(data).attr("data-url");
		  var tabTitle = $(data).attr("data-title");
		  if($(".layui-tab-title li[lay-id]").length <= 1){
		  		  action.tabAdd("tab",tabId,tabTitle,dataUrl);
		  		  action.tabChange("tab",tabId); 
				  $(".layui-tab").attr("lay-allowClose",true);
				  element.render("tab", "tab");
		  		  console.log($(".layui-body").height())
		  		  //调整内联框架高度
		  		  action.iframeHeight(tabId);	 
		  }else{
		  		  var isFalse = false;
		  		  $.each($(".layui-tab-title li[lay-id]"),function(){
		  			 if($(this).attr("lay-id") === tabId){
		  				 isFalse = true;
		  			 } 
		  		  })
		  		  if(!isFalse){
		  			  //不存在添加
		  			   action.tabAdd("tab",tabId,tabTitle,dataUrl);
		  			   //调整内联框架高度
		  			   action.iframeHeight(tabId);
		  		  }
		  		 //存在切换
		  		  action.tabChange("tab",tabId);
			}
	  }
	  element.render();
  });
  
  
  //tab选项卡关闭
  element.on("tabDelete(tab)",function(data){
	  console.log(data.elem);
	  var mainLayId =  $(".layui-tab-title li[lay-id]").attr("lay-id");
	  console.log(mainLayId);
	  if($(".layui-tab-title li[lay-id]").length === 1 && mainLayId === "main"){
		  $(".layui-tab").removeAttr("lay-allowClose");
		  window.location.reload();
	  }
	  if($(".layui-tab-title li[lay-id]").length === 0){
	  		  action.tabAdd("tab","main","主页","http://www.baidu.com");
	  		  action.tabChange("tab","main"); 
	  		  console.log($(".layui-body").height())
			  $(".layui-tab").removeAttr("lay-allowClose");
			  window.location.reload();
	  		  //调整内联框架高度
	  		  action.iframeHeight("main");	 
	  }
  })
  
  //选项卡切换
  element.on("tab(tab)",function(data){
	  globalLayId = data.index;
  })
  
});